const path = require("path");
const HtmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
	entry: './src/main.js',
	output:{
		filename:'bundle.js',
		path:path.resolve(__dirname, 'dist')
	},
	module:{
		rules:[
			{
			  test: /\.css$/,
			  use: [
				  {
					loader: 'style-loader'
				  },
				  {
					loader: 'css-loader'
				  }
				]
			},
			{
	　　　　  test : /\.vue$/,
			  use : [
				{ loader : 'vue-loader'}
			  ]
		　　}
		]
	},
	plugins: [
        new HtmlWebpackPlugin({
			"template":"./src/index.html"
		}),
		new VueLoaderPlugin()
    ]
	//如果不用编译期的vue库，就需要在main.js上使用render函数
	/*,
	resolve: {
		//import Vue form 'vue' 用的是vue.runtime.js运行时，如果需要解析模板功能的话，要配置一下别名（视频上说会报错啊）
		alias: {
			"vue$" : "vue/dist/vue.js"
		}
	}*/
}